﻿@model FO.ViewModels.LogonModel
@{
    ViewBag.Title = "" + @FOResource.UI.Layout.lbllogin1 + "";
    Layout = "~/Views/Shared/_SUBLayout1.cshtml";
}
<style type="text/css">
    #vn-box {
        margin-left: 20px;
    }

    .input-xlarge {
        width: 390px;
    }

    #login-form {
        width: 18.75em;
        margin: 20px auto;
    }

    label {
        display: block;
        text-transform: uppercase;
        color: #2A2E36;
        margin: 0 0 0.3125em 0;
    }
</style>
    <link rel="stylesheet" type="text/css" href="/Content/css/bootstrap.min.css" />
<h1 class="title" id="page-title">@FOResource.UI.Layout.lbllogin1</h1>
<!-- HEADER -->
<!-- MAIN CONTENT -->
<div id="content">
    <div id="login-form">

        @using (Html.BeginForm())
        {
            <p>
                <label>Email</label>
                @Html.TextBoxFor(m => m.UserName, new { id = "login-username", @class = "round full-width-input" })
                @Html.ValidationMessageFor(m => m.UserName, "", new { style = "color:red;margin-top:5px;display:block;" })
            </p>
            <p>
                <label>@FOResource.UI.Layout.Pass</label>
                @Html.PasswordFor(m => m.Password, new { id = "login-password", @class = "round full-width-input" })
                @Html.ValidationMessageFor(m => m.Password, "", new { style = "color:red;margin-top:5px;display:block;" })
            </p>
            <p>@Html.ValidationMessage("InvalidLogin", "", new { style = "color:red;margin-top:5px;display:block;" })</p>
            <p><a href="#">@FOResource.UI.Layout.fotgotpass</a></p>
				
            <input type="submit" value="@FOResource.UI.Layout.lbllogin1" class="btn btn-primary btn-large" style="width: 100px;height:37px;margin-top:10px;" />
        }

        <br />

    </div>

</div>
<!-- end content -->
